<template>
    <!-- 柱状图容器 容器必须要给宽高-->
    <div class="charts" ref="charts" style="width:100%;height: 100%;"></div>
</template>

<script>
// echarts图表
import * as echarts from 'echarts';
export default {
    name: 'lineChart',
    mounted() {
        // 初始化echarts实例
        let barChart = echarts.init(this.$refs.charts)
        // 配置数据
        barChart.setOption({
            xAxis: {
                //隐藏x轴
                show: false,
                //均分
                type: "category",
            },
            yAxis: {
                //隐藏y轴
                show: false,
            },
            //系列
            series: [
                {
                    type: "bar",
                    data: [10, 7, 33, 12, 48, 9, 69, 10, 44, 33],
                },
            ],
            //布局调试
            grid: {
                left: 0,
                top: 0,
                right: 0,
                bottom: 0,
            },
            // 提示工具
            tooltip: {}
        });

    }
}
</script>

<style>
</style>